<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>航空票务查询及订票系统</title>

    <!-- Custom fonts for this template -->
    <link th:href="@{/vendor/fontawesome-free/css/all.min.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/google-font.css}" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link th:href="@{/css/sb-admin-2.min.css}" rel="stylesheet">

    <!-- Custom styles for this page -->
    <link th:href="@{/vendor/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet">
    <style>
        #content{
            min-height: 780px;
        }
         .alert {
             display: none;
             position: fixed;
             top: 50%;
             left: 50%;
             min-width: 300px;
             max-width: 600px;
             transform: translate(-50%,-50%);
             z-index: 99999;
             text-align: center;
             padding: 15px;
             border-radius: 3px;
         }
        .card{
            margin: auto auto;
            width: 70%;
        }
        button {
            max-width: 120px;
            margin-top: 5px;
        }
    </style>
</head>

<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content" >

            <!-- 顶部栏 -->
            <nav th:replace="~{commons/commons::topBar}"></nav>
            <!-- 顶部栏结束 -->
            <div class="container ">

                <div class="card shadow mb-4 o-hidden border-0 shadow-lg my-3">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">乘机人信息</h6>
                    </div>
                    <div id="addPassenger" class="card-body">

                    </div>
                    <div class="card-footer">
                        <button id="submitAdd" class="btn-sm btn-primary btn-user btn-block float-right">提交</button>
                    </div>
                </div>

            </div>

        </div>
        <!-- End of Main Content -->
        <!-- 页脚 -->
        <footer th:replace="~{commons/commons::footer}"></footer>
        <!-- 页脚结束 -->
    </div>
    <!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<!-- 模态框 -->
<div th:replace="~{commons/commons::tmpModal}"></div>

<div class="alert"></div>
<!-- Bootstrap core JavaScript-->
<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var ctxPath = /*[[@{/}]]*/ '';
    var ticketTypeID = /*[[${ticketTypeID}]]*/ '';
    /*]]>*/
</script>

<script th:src="@{/vendor/jquery/jquery.min.js}"></script>
<script th:src="@{/vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>

<!-- Core plugin JavaScript-->
<script th:src="@{/vendor/jquery-easing/jquery.easing.min.js}"></script>

<!-- Custom scripts for all pages-->
<script th:src="@{/js/sb-admin-2.min.js}"></script>

<script th:src="@{/js/demo/book.js}"></script>
</body>

</html>
